Discover gists

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

時雨堂 WebRTC 入門 (講師資料) v2024-02

これは時雨堂が 2024 年 2 月 8 日 (木) 14:00-18:00 で開催を予定しているオンラインイベント WebRTC 入門 v2024-02 の 講師用 の資料であり、参加者用の資料ではありません。

時雨堂 WebRTC 入門オンラインイベント v2024-02

概要

ChatGPT がある今、学ぼうと思えば好きなだけ学べる時代がきています。

Unlocking the WanWay S20 GPS Tracker

Introduction

The WanWay S20 is a popular GPS tracker frequently sold on Amazon at a great discount (sometimes even less than €10).

It comes with a SIM card already installed, which seems to be provided by Vodafone NL and uses 'internet4gd.gdsp' as the default APN. Unfortunately, to use this SIM card, you have to purchase a subscription plan and use the "TrackerOne" app, essentially giving your live GPS location to a Chinese server.

Luckily, with some tricks, you can fully unlock this device and use it with your own SIM card and Traccar server by following these steps.

List of sites with free tier limits

Docker Hub - One private repo/image spot for free
Three Scale - Very generous free tier 50GB of space, 500 Pulls a month etc..
Canister - 20 private repos with almost no limits on free tier
Code Fresh - Free tier for developers

Setup your own private registry

Setup Private Docker Registry - Digital Ocean hosted Tutorial

This is a simple Tailwind plugin to expose all of Tailwind's colors, including any custom ones, as custom css properties on the :root element.

There are a couple of main reasons this is helpful:

You can reference all of Tailwind's colors—including any custom ones you define—from handwritten CSS code.
You can define all of your colors within the Tailwind configuration, and access the final values programmatically, which isn't possible if you did it the other way around: referencing custom CSS variables (defined in CSS code) from your Tailwind config.

See the Tailwind Plugins for more info on plugins.

Atalhos para VS Code

Alguns atalhos para VS Code que vão ajudar aumentar a sua produtividade e facilitar o seu dia a dia como desenvolvedor.

Atalhos básicos

Ctrl + = ou Ctrl + - aumentar ou diminuir o zoom
Ctrl + 0 resetar o zoom
Ctrl + Shift + P mostra todos os comandos disponíveis no VS Code (Ex.: reload, reset, clear)
Ctrl + , abre as configurações do VS Code

How to sort imports like a pro in TypeScript

Crossing reviews becomes a very common activity today in engineering behavior. To help us review changes for pull/merge requests easier, sorting imports can help us a much. The codebase becomes more professional and more consistent, reviewers will be happier, and the review process will be faster, focusing on the implementation changes ONLY.

Have you ever thought about how to sort imports in TypeScript projects automatically?

Let me show you how to archive sorting imports automatically in TypeScript projects with ESLint!

	{
	"name": "Default colors dark",
	"type": "dark",
	"colors": {

	// Base colors
	"focusBorder": "#007fd4",
	"foreground": "#cccccc",
	"widget.shadow": "#0000005c",
	// "selection.background": // null

	const uploader = new S3UploadStream(s3, {
	Bucket: bucketName,
	ContentType: contentType,
	Key: key,
	})

	stream.pipe(uploader)

	return new Promise((resolve, reject) => {
	uploader.on('uploadFinished', (result: CompleteMultipartUploadCommandOutput, fileSizeBytes: number) => {

	"use client"

	import { forwardRef, useState } from "react"
	import { EyeIcon, EyeOffIcon } from "lucide-react"
	import { Button } from "@/components/ui/button"
	import { Input, InputProps } from "@/components/ui/input"
	import { cn } from "@/lib/utils"

	const PasswordInput = forwardRef<HTMLInputElement, InputProps>(
	({ className, ...props }, ref) => {